<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>


<script type="text/javascript">
	/**
	 *  WestLayout
	 */

	WestLayout = null;
	$(window).load(function() {
		WestLayout = new WestLayoutPage();
		WestLayout.load();
	});

	function WestLayoutPage() {
		var _this = this;
		/* pre config */
		this.init = function(settings) {

		};

		/* load function */
		this.load = function() {
			// set spinner if need
			// load functions:

			this.initApplicationSelect();
		};

		this.initApplicationSelect = function() {
			$("#applicationSelect").change(function() {
				switch ($(this).val().toLowerCase()) {
				case "calculator":
					_this.getCalculatorContent();
					break;
				case "personal":
					_this.getPersonalContent();
					break;
				case "produce":
					_this.getProduceContent();
					break;
				default:

				}
			});
		};

		this.getCalculatorContent = function() {
			// set title
			$("#navigation-title").html("Calculator category");
			
			// load list
		};

		this.getPersonalContent = function() {
			// set title
			$("#navigation-title").html("Filiala");
			
			// load list
		};
		
		this.getProduceContent = function() {
			// set title
			$("#navigation-title").html("Produce category");
			
			// load list
		};
	}
</script>

<!--  
 **
 *
 *
  -->
<!-- <div class="west-layout"> -->
<!-- 	<select id="applicationSelect"> -->
<!-- 		<option>Calculator</option> -->
<!-- 		<option>Personal</option> -->
<!-- 		<option>Produce</option> -->
<!-- 	</select> -->
<!-- </div> -->

<!-- <div class="hr"></div> -->

<!-- <div class="west-layout"> -->
<!-- 	<h1 id="navigation-title" class="title-red" style="padding-left: 15px;">Default</h1> -->
<!-- 	<div id="companyList"> -->
<!-- 		<ul class="navigation-down"> -->
<!-- 			<li class="selected">Andy's Riscani</li> -->
<!-- 			<li>Andy's Ciocana</li> -->
<!-- 			<li>Andy's Botanica</li> -->
<!-- 		</ul> -->
<!-- 	</div> -->
<!-- </div> -->